
<div class="section" id="khuvuclist">

	<div class="section-title">
    	Quản lý lập phiếu trả báo
    </div>
    
    <div class="section-content padding1">
    	<div class="button right">
        	<a class="button save" onclick="save()">Lưu</a>
            <a class="button cancel" href="?route=deliman/phieutrabao">Bỏ qua</a>
            
            
        </div>
        <div class="clearer">^&nbsp;</div>
    	<form name="frm" id="frm" action="<?php echo $action?>" method="post" enctype="multipart/form-data">
        
        	<input type="hidden" name="phieutrabaoid" value="<?php echo $item['phieutrabaoid']?>">
           
        	<div id="error" class="error" style="display:none"></div>
            
        	
            	
            <div id="fragment-thongtin">
            	<table class="table-form">
                	<tr>
                    	<td><label>Mã phiếu:</label></td>
                        <td><input type="text" name="maphieutrabao" value="<?php echo $item['maphieutrabao']?>" class="text <?php echo $class?>"  size=60 <?php echo $readonly?>/></td>
                    </tr>
                    
                    <tr>
                    	<td><label>Ngày lập:</label></td>
                        <td><input type="text" name="ngaylap" value="<?php echo $this->date->formatMySQLDate($item['ngaylap'])?>" class="text ben-datepicker"/></td>
                    </tr>
                    <tr>
                    	<td><label>Chọn khu vực nhận:</label></td>
                        <td>
                        	<select id="khuvucnhanid" name="khuvucnhanid" class="ben-left">
                            	<option value="">Chọn khu vực</option>
                                <?php foreach($khuvucs as $khuvuc){ ?>
                                <option value="<?php echo $khuvuc['khuvucid']?>"><?php echo $this->string->getPrefix("&nbsp; &nbsp; &nbsp; &nbsp;",$khuvuc['level']);?><?php echo $khuvuc['tenkhuvuc']?></option>
                                <?php }?>
                              </select>
                        </td>
                    </tr>
                    <tr>
                    	<td><label>Người nhận:</label></td>
                        <td id="nguoinhan">
                        	
                        </td>
                    </tr>
                    <tr>
                    	<td><label>Nhân viên trả:</label></td>
                        <td>
                        	<select id="nhanvientraid" name="nhanvientraid">
                            	<option value=""></option>
                                
                            </select>
                            
                        </td>
                    </tr>
                    <tr>
                    	<td><label>Khu vực trả</label></td>
                        <td>
                        	<select id="khuvuctraid" name="khuvuctraid">
                            	<option value=""></option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                    	<td><label>Ngày trả báo:</label></td>
                        <td><input type="text" name="ngaytrabao" value="<?php echo $this->date->formatMySQLDate($item['ngaytrabao'])?>" class="text ben-datepicker"/></td>
                    </tr>
                    <tr>
                    	<td><label>Ghi chú:</label></td>
                        <td><textarea name="ghichu" style="width:50%"><?php echo $item['ghichu']?></textarea></td>
                    </tr>
                    
                </table>
                
            </div>
            <div class="khuvuc treeindex">
				<div class="table-form">
                	
                	<a class="button right delete" id="btnXoaDong">Xóa</a>
                    <a class="button right add" id="btnTimKyBao">Thêm kỳ báo</a>
                    
                    <input type="hidden" id="selectkybao" name="selectkybao">
                    <input type="hidden" id="deltrabao" name="deltrabao" value="">
                    <div class="clearer">^&nbsp;</div>
                </div>
                
                  <table class="example data-table table-form">
                    <thead>
                        <tr class="tr-head">
                        	<th><input type="checkbox" class="inputchk" onclick="$('.inputchk')..attr('checked', this.checked)"></th>
                            <th>Loại báo</th>
                            <th>Tên kỳ báo</th>
                            <th>Ngày phát hành</th>
                            <th>Số lượng trả</th>
                            <th>Lý do trả</th>
                            
                        </tr>
                    </thead>
                    <tbody id="listtrabao">  
                    
                	</tbody>
                </table>
                
             
            </div> 
            
                
            
            
        </form>
    
    </div>
    
</div>

<script language="javascript">
$(document).ready(function(e) {
	
	$('#khuvucnhanid').change(function(e) {
		$.getJSON("?route=deliman/phieutrabao/getKhuVucInfor",
			{
				khuvucid:this.value
			},
			function(data)
			{
				
				//Tao thong tin nguoi nhan
				var str = '<input type="hidden" name="nhanviennhanid" value="'+data.nhanviennhan.nhanvienid+'">';
				str += data.nhanviennhan.hoten;
				$('#nguoinhan').html(str);
				//Do du lieu qua cb nhan vien tra
				str='<option value=""></option>';
				for(i in data.nhanvientras)
				{
					str+='<option value="'+ data.nhanvientras[i].nhanvienid +'">'+ data.nhanvientras[i].hoten +'</option>';
				}
				$('#nhanvientraid').html(str);
				$('#nhanvientraid').val("<?php echo $item['nhanvientraid']?>");
				$('#nhanvientraid').change();
			}
		);
		
    });
	
	$('#nhanvientraid').change(function(e) {
        $.getJSON("?route=deliman/phieutrabao/getKhuVucPhuTrach",
			{
				nhanvienid:this.value
			},
			function(data)
			{
				
				//Tao thong tin nguoi nhan
				//$('#khuvuctraid').val(data[0].khuvucid);
				var str = "";
				for(i in data)
				{
					str += '<option value="'+ data[i].khuvucid +'">'+ data[i].tenkhuvuc +'</option>';
				}
				$('#khuvuctraid').html(str);
			}
		);
    });
	
	var khuvucnhanid = "<?php echo $item['khuvucnhanid']?>";
	if(khuvucnhanid !="")
		$('#khuvucnhanid').val("<?php echo $item['khuvucnhanid']?>").change();
	
	<?php foreach($data_ctphieutrabao as $ct){ ?>
		trabao.addRow("<?php echo $ct['id']?>","<?php echo $ct['kybaoid']?>","<?php echo $ct['soluongtra']?>","<?php echo $ct['lydotra']?>");
	<?php } ?>
});

$('#btnTimKyBao').click(function(e) {
    var result = window.showModalDialog("index.php?route=deliman/kybao&dialog=true","", "dialogWidth:1000px; dialogHeight:450px; center:yes");
	
	var arr = $('#selectkybao').val().split(',');
	for(i=0;i<arr.length;i++)
	{
		//alert(arr[i]);
		if(arr[i]!="")
		{
			var ftontai = false
			$('.kybaoid').each(function(index, element) {
                if(this.value == arr[i])
					ftontai = true;
            });
			if(ftontai == false)
				trabao.addRow("",arr[i],0,'');
			else
				alert('Bạn đã chọn kỳ báo này rồi');
		}
	}
});

$('#btnXoaDong').click(function(e) {
    $('.inputchk').each(function(index, element) {
        if(this.checked)
		{
			index = $(this).attr('ref');
			trabao.remove(index);
		}
    });
});

function TraBao()
{
	this.index = 0;
	this.addRow = function(id,kybaoid,soluong,lydotra)
	{
		$.getJSON("?route=deliman/kybao/getKyBao",
		{
			col:'kybaoid',
			val:kybaoid,
			nhanvienid:$('#nhanvienquanlyid').val()
		},
		function(data)
		{
			var cellchk = '<td><input type="checkbox" class="inputchk" ref="'+ trabao.index +'"><input type="hidden" id="id-'+ trabao.index +'" name="id['+ trabao.index +']" value="'+id+'" ref="'+ trabao.index +'"></td>';	
			var cellloaibao = '<td><input type="hidden" id="loaibaoid-'+ trabao.index +'" name="loaibaoid['+ trabao.index +']" value="'+data.kybaos[0].loaibaoid+'" ref="'+ trabao.index +'">'+data.kybaos[0].tenloaibao+'</td>';
			var cellkybao = '<td><input type="hidden" class="kybaoid" id="kybaoid-'+ trabao.index +'" name="kybaoid['+ trabao.index +']" value="'+data.kybaos[0].kybaoid+'" ref="'+ trabao.index +'">'+data.kybaos[0].tenkybao+'</td>';
			var cellngayphathanh = '<td>'+data.kybaos[0].ngayphathanh+'</td>';
			var cellsoluongtra = '<td class="number"><input type="text" id="soluong-'+ trabao.index +'" name="soluongtra['+ trabao.index +']" value="'+soluong+'" class="text number" ref="'+ trabao.index +'"></td>';
			var celllydotra = '<td><textarea id="lydotra-'+ trabao.index +'" name="lydotra['+ trabao.index +']">'+ lydotra +'</textarea></td>';
			
			row = cellchk;
			row += cellloaibao;
			row += cellkybao;
			row += cellngayphathanh;
			row += cellsoluongtra;
			row += celllydotra;
			
			$('#listtrabao').append('<tr id="row'+trabao.index+'">'+row+'</tr>');
			trabao.index++;
			numberReady();
		});
	}
	
	this.remove = function(pos)
	{
		//alert($('#deltrabao').val());
		$('#deltrabao').val($('#deltrabao').val() + $('#id-'+pos).val()+',');
		$('#row'+pos).remove();	
	}
}
var trabao = new TraBao();
<!--thực hiện chức năng save dữ liệu-->
function save()
{
	$.blockUI({ message: "<h1>Please wait...</h1>" }); 
	
	$.post("?route=deliman/phieutrabao/save", $("#frm").serialize(),
		function(data){
			if(data == "true")
			{
				window.location = "?route=deliman/phieutrabao";
			}
			else
			{
			
				$('#error').html(data).show('slow');
				$.unblockUI();
				
			}
			
		}
	);
}
</script>
